<div ms-controller="detailSelf" class="detailSelf">
	<header class="ui-bar ui-bar-nav">
		<a ms-click="back" class="ui-icon iconfont icon-arrowleft ui-fl" href="javascript:;"></a>
		<h1 class="ui-title">添加信息</h1>
	</header>
	<div class="main detailInfo">
		<div class="row title">
			<p class="small-12 medium-12 large-12">完善您的详细信息</p>
			<!--<p class="small-12 medium-12 large-12">***与健康师与您一对一问安</p>-->
		</div>
		<div class="detail">
			<h2 class="row">详细信息</h2>
			<ul>
				<li class="row">
					<h4 class="small-4 medium-4 large-4 columns">真实姓名*</h4>
					<div class="small-7 medium-7 large-7 columns">
						<input type="text" placeholder="请输入姓名" ms-duplex="realName"  style="width:90%;"/>
					</div>
				</li>
				<li class="row">
					<h4 class="small-3 medium-3 large-3 columns">性别*</h4>
					<div class="small-8 medium-8 large-8 columns" ms-duplex='sex'>
						<button class="small-6 medium-6 large-6 columns current" ms-click="changeSex">男</button>
						<button class="small-6 medium-6 large-6 columns" style="float: left;" ms-click="changeSex">女</button>
					</div>
				</li>
				<!--<li class="row">
					<h4 class="small-3 medium-3 large-3 columns">年龄*</h4>
					<div class="small-8 medium-8 large-8 columns">
						<input type="text" placeholder="请输入年龄" ms-duplex="age" onkeyup='changeDate(this.value)' id="age" />
					</div>
				</li>-->
				<li class="row birth">
					<h4 class="small-3 medium-3 large-3 columns">生日*</h4>
					<div class="small-8 medium-8 large-8 columns">
						<input type="text" id="date" readonly ms-click="choiceDate('date')" value="" placeholder="选择日期" ms-duplex="date">
						<img src="modules/img/down.png" class="down" />
					</div>
				</li>
				<li class="row">
					<div class="small-6 medium-6 large-6 columns">
						<h4 class="small-6 medium-6 large-6 columns">身高</h4>
						<select class="small-6 medium-6 large-6 columns" id="height" onchange="changeBMI()">
							<option ms-attr-value="el" ms-repeat="height">{{el}}cm</option>
						</select>
					</div>
					<div class="small-6 medium-6 large-6 columns">
						<h4 class="small-6 medium-6 large-6 columns">体重</h4>
						<select class="small-6 medium-6 large-6 columns" id="weight" onchange="changeBMI()">
							<option ms-attr-value="el" ms-repeat="weight">{{el}}kg</option>
						</select>
					</div>
					<div class="small-12 medium-12 large-12 mark">BMI:<span id="BMI">21.48</span> <span id="notice">正常</span></div>
				</li>
			</ul>
			<div class="row">
				<button class="small-12 medium-12 large-12 nextStep" ms-click="relation">下一步</button>
			</div>
		</div>

	</div>
</div>